<template>
  <div>
    <van-row class="heads">
      <van-icon name="arrow-left" @click="back" class="back" />
      <span>修改密码 </span>
    </van-row>

    <van-field v-model="tel" type="tel" label="手机号" />
    <van-field
      v-model="sms"
      center
      clearable
      label="短信验证码"
      placeholder="请输入短信验证码"
    >
      <template #button>
        <van-button size="small" type="primary">发送验证码</van-button>
      </template>
    </van-field>
    <van-field v-model="password" type="password" label="输入新密码" />
    <van-field v-model="password" type="password" label="再次输入" />
    <van-row> </van-row>

    <van-row>
      <van-col class="sb" span="24">
        <van-button type="primary" size="normal" class="bsize">提交</van-button>
      </van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  name: "Fruith5Editcellphone",

  data() {
    return {
      sms: "",
      password: "",
      tel: "",
    };
  },

  mounted() {},

  methods: {
    back() {
      this.$router.go(-1);
    },
  },
};
</script>

<style  scoped>
.back {
  cursor: pointer;
}
.heads {
  font-size: 18px;
  font-weight: bold;
  /* line-height: 2.375rem; */
  color: white;
  background-color: rgb(0, 255, 170);
  height: 2.375rem;
  padding: 0.9375rem 0.1875rem 0rem 0.625rem;
}
.sb {
  position: absolute;
  bottom: 6.25rem;
  text-align: center;
}
.bsize {
  width: 11.25rem;
}
</style>